<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 ">
		 <title>首页</title>
		<script src="js/jquery-3.0.0.min.js"></script>
		<script src="./js/index-phone.js"></script>
		<link rel="stylesheet" href="./font/bootstrap-icons.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/index-win.css" media="(min-device-width:800px)" />
		<link rel="stylesheet" href="css/index-phone.css" media="(max-device-width:799px)" />
	</head>
	<body>
		<div class="navTop">
			<div class="logo">
				<img src="img/icon1.png" />
				<a href="index.html">
					<div class="shouye">首页</div>
				</a>
			</div>
			<div class="gongneng">
				<div class="bianji">
					<a href="issue.html"><i class="bi bi-pencil-square"></i></a>
				</div>
				<div class="geren">
					<a href="user.html"><i class="bi bi-person-fill"></i></a>
					<!-- 用户弹出登录框 -->
					<div class="nav-user-item">
						<div>
							<div>
								<img class="faceimg" />
								<div class="nser-name-div">
									<span class="user-name">游客2</span>
								</div>
							</div>
							<div >
								<button class="sign">登录</button>
								<button class="register">退出</button>
							</div>
						</div>
					</div>			
				</div>
			</div>
			
			<!-- 登陆注册弹框 -->
			<div class="shadow">
				<div class="content">
					<div class="close"><span>X</span></div>
					<div class="dengluDiv">
						<div class="dengluMeans">
							<button class="zhanghaoDl">账号登陆</button> &nbsp; &nbsp;|  &nbsp;&nbsp;
							<button  class="phoneDl">手机号登录</button>
						</div> 
						<div class="zhanghaoNum">
							<input class="dengluzhanghao" type="text" placeholder="请输入账号"/>
							<input class="denglumima" type="password" placeholder="请输入您的密码"/>
							<span  class="accountlogin-tips tips">请输入正确的账号或者密码</span>
							<input class="zhanghao-dengluBtn dengluBtn" type="button" value="登录"/>
						</div>
						<div class="phoneNum">
							<input class="phone" type="text" placeholder="请输入你的手机号" />
							<input class="yanzhengma" type="button" value="点击发送验证码"/>
							<input class="yanzhengmaInput" type="text" placeholder="填写验证码"/>
							<span class="phonelogin-tips tips">请填写正确的验证码</span>
							<input class="phone-dengluBtn dengluBtn" type="button" value="登录"/>
						</div>
						
						<span class="changeZc">
							立即注册
						</span>
					</div>
					<div class="zhuceDiv">
						<input class="zhucemingo" type="text" placeholder="用户名"/>
						<input class="phone" type="text" placeholder="请输入手机号"/>
						<input class="yanzhengma" type="button" value="点击发送验证码"/>
						<input class="zhucemima" type="password" placeholder="请设置您的密码"/>
						<input class="querenmima" type="password" placeholder="请确认您的密码"/>
						<span class="register-tips tips">请检查资料是否填写完整或正确</span>
						<input class="zhuceBtn" type="button" value="注册"/>
						<span class="changeDl">
							立即登录
						</span>
					</div>
				</div>
			</div>
			



		</div>
		<div class="body">
			<div class="zhutiLogoDiv">
				<img src="img/searchlogo.png" class="zhutiLogo" />
			</div>
			<div class="sousuoDiv">
				<div class="xiala"><i class="iconfont icon-xiala"></i><i class="iconfont icon-shang"></i></div>
				<input type="text" class="sousuo" />
				<div class="sousuoicon"><i class="iconfont icon-sousuo"></i></div>
			</div>
			<div class="xl-menu">
				<!-- 下拉列表 -->
				<div class="xl-menu-item1">
					<div class="xl-menu-title">前端开发</div>
					<div class="xl-menu-content">
						<span>HTML</span>
						<span>CSS</span>
						<span>Js</span>
					</div>
				</div>
				<div class="xl-menu-item">
					<div class="xl-menu-title">C#开发</div>
					<div class="xl-menu-content">
						<span>.net MVC</span>
						<span>EntityFrameWork</span>

					</div>
				</div>
			</div>
			<!-- 热搜区域 -->
			<div class="hotNews">
				<div class="hotNews-title">
					<span style="font-weight: bolder;font-size: 17px;color: red">热点搜索</span>
					<i class="iconfont icon-ef-redian-gongju" style="color: red;"></i>
				</div>
				<!-- 热点内容显示 -->
				<div class="hotNews-contents">


				</div>

			</div>
		</div>
		</div>
		<!-- 底部公司信息 -->
		<div class="bottom-info">
			©2021 宁波世纪恒祥自控技术有限公司
		</div>

	</body>
</html>
